﻿html { width:100%;height:100%;padding: 0; margin: 0; font-family: 微软雅黑; font-size: 12px; color: #444; background: #fff; }
body{ width:100%;height:100%;padding: 0; margin: 0; font-family: 微软雅黑; font-size: 12px; color: #444;  
      background-color:#fefefe;  margin-top:100px
}

* { margin: 0; padding: 0; }
ul, ol { list-style: none; }

img { vertical-align: top; border: 0; }
a { color: #777; font-family: 微软雅黑; text-decoration: none; cursor:pointer}
    a:hover { color: #2e6eae; font-family: 微软雅黑; text-decoration: none; }

 input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}


.CenterContent {width: 1200px;   background-color:white;   }




.ShowImgs { height:140px;}
.ShowImgs .logo { width: 250px; height: auto; float: left; }
 .ShowImgs  .logo a img { height:100px;  margin-top:20px  }
 .ShowImgs  .more   { width: 800px;  float:right; overflow:visible;text-align:right  } 


.searchform { float:right; padding-right:20px;margin-top:60px}
.searchform     img{  position: relative;left:30px;top:-140px ; width:75px;height:75px}

.searchform .inputs input {
    float:right;
    height: 30px;
    width: 200px;
    outline: none;
    border: 1px solid #ccc; 
    border-right:0px;
    padding-left: 10px;
    color:#999; 
} 
.searchform .inputs .btn {
    float:right;
    height: 32px;
    width: 80px; 
    border: 0px; 
    padding-left: 10px;
    background-color:#337ab7;
    color:white;
}
.hot-words { line-height:30px}
    .hot-words h4{  float:right ;font-size:14px; font-weight:bolder } 
.hot-words a { float:right;color: #444; font-family: 微软雅黑; text-decoration: none; cursor:pointer; font-size:14px;margin-left:10px}
.hot-words a:hover { color: #f00; font-family: 微软雅黑; text-decoration: none; }

.HeadBox { width: 100%; height: 100px;  position:fixed;top:0px;left:0px;z-index:9999; background: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); }
.HeadBox .TopBar{   height:10px; color:#777 ;background-image:url('/Images/web/topgrayback.gif');background-repeat:repeat-x; }
    .HeadBox .TopBar span {  float:left;line-height:25px;}
    .HeadBox .TopBar a {  float:right;line-height:25px;}

#wrap-nav {  width:100%;   background-color :#fefefe; }
    #wrap-nav .muen_box { overflow: visible; }
    #wrap-nav .menu {   text-align: center;float: right; }
        #wrap-nav .menu li { position: relative; float: left; width:80px; text-align:center; z-index: 99000; display:inline-block; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
#wrap-nav .menu li a.depth1 { width:100% ; line-height: 100px;   display: inline-block; color: #555;  font-size: 14px;  }
#wrap-nav .menu li a.depth1:hover { border-top: 3px solid #45aed6;}
#wrap-nav .menu li a.navhover, #wrap-nav .menu li a.depth1:hover { color: #222;  }
#wrap-nav .menu li.overlay { position: relative; left: -4px; width: 8px; height: 28px; padding: 0; margin: 0; }
#wrap-nav .menu ul.children {  display: none; position: absolute; top:74px; left: 0px; _left: -40px; width: auto; padding: 0; line-height: normal;  filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#wrap-nav .menu ul.sleft { left: auto; right: 0px; _right: 0px; }
#depth0 {   line-height: 100px; color: #222;   width: 120px; font-size: 16px; 
          float:left; display:inline-block; 
          border-top: 3px solid #45aed6;}



.children clearfix { width: 100px; z-index: 99000;   }
.dao_08 { float: left; width: 100px; text-align: left; position: relative; border-top:none;border-radius:10px;background: #FFF;}
    .dao_08 li { line-height: 25px; height: 30px;   width: 100%;border-bottom:none; }
        .dao_08 li a {   color: #585959;   height: 30px; line-height: 30px; font-size: 14px;  width: auto; _width: auto}
            .dao_08 li a:hover { color: #e95d3c; text-decoration: none; }

 .dao_08 li.libottom { background-color:transparent ; border-bottom:0px;  }


/* flexslider */
.flexslider{margin:0px; padding:0px;position:relative; width:100%; height:340px;overflow:hidden; }
.slides{margin:0px; padding:0px;position:relative;z-index:1;}
.slides li{height:340px; width:100%;}
.slides li img{height:100%; width:100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:auto;text-align:center; right:50px}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;display:inline;zoom:1; }
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.row {
    padding: 50px 0; text-align:center; 
}
.col-5 {
      width:49%; display:inline-block;float:left; 
}
.col-6 {
      width:59%; display:inline-block;float:left;
}
  
.col-4{
      width:39%; display:inline-block;float:left;
}  .col-5 h2, p {
         margin:30px
    }
.qukbtn {
    cursor: pointer; margin-right:20px;
width: 100px;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 4px;
font-size: 14px;
font-weight: 200;
display: inline-block;
border: 1px solid #fff;
}
    .qukbtn:hover {
       background: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    }

/* flexslider-min */
.flexslider-min{float:left;margin:0px;margin-right:10px; margin-top:10px; padding:0px; width:200px; height:180px;border:solid 1px #dcdcdc; background:url(/UI/Front/images/loading.gif) 50% no-repeat; }
.flexslider-min .title{ color:Gray; font-size:12px; }
.flexslider-min .slides{margin:0px; padding:0px;position:relative;z-index:1; width:180px; height:180px; margin:10px;left:0px }
.flexslider-min .slides li{width:180px;height:160px;margin:0px}
.flexslider-min .slides li div{position:relative;top:200px; background:url('/images/simgback.png');width:180px; height:30px; line-height:30px; color:white; text-align:left; padding-left:10px;}
.flexslider-min .slides li div a{ font-size:12px; color:black; text-decoration:none; cursor:pointer;} 
.flexslider-min .flex-control-nav{position: relative;bottom:50px;right:0px; z-index:2;width:200px;text-align:center;}
.flexslider-min .flex-control-nav li{ width:15px;height:15px;margin:1px;  }
.flexslider-min .flex-control-nav a{ width:15px;height:15px;  background:url('');cursor:pointer; background-color: Black; padding:0px; margin:0px; color:White;line-height: inherit; font-size:12px; }
.flexslider-min .flex-control-nav .flex-active{ background-color:Red; font-size:10px;}

.flex-direction-nav { display:none;}

/*本例css*/
.bannercom { width: 100%; height: auto; margin: 0 auto; position: relative; overflow: hidden; margin-bottom: 15px; }
.bannerpic { width: 100%; height: auto; margin: 0 auto; overflow: hidden; }
.bannercom img { width: 100%; height: 450px; text-align: center; border: 0px; }
/*数字按钮样式*/
.bannercom .num { overflow: hidden; position: absolute; bottom: 12px; left: 50%; zoom: 1; z-index: 3; }
    .bannercom .num li { width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: 微软雅黑; color: #FFFFFF; background: #000; margin-right: 10px; border-radius: 50%; cursor: pointer; float: left; list-style: none; }
        .bannercom .num li.on { background: #e95d3c; }
/*当前项*/

/*上一个  下一个*/
.bannercom .prev, .bannercom .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 115px; }
.bannercom .prev { left: 0; }
.bannercom .next { right: 0; background-position: right; }


.conbox { float: left; width: 100%; height: auto;   }
.Conn { margin: 0 auto; width: 1200px; height: auto; }

.aboutcon { width: 580px; height: 400px; float: left;  overflow:hidden; border:solid 1px #cecece;margin-top:10px;border-radius:6px; margin-left:14px ; margin-right:10px}
.abouttelte { width: 570px; height: auto; line-height: 30px; float: left; font-size: 30px; color: #000; }
.aboutcon  img{    float: left; margin:10px ; margin-right:20px }

.aboutcon p {  line-height: 30px; float: left; font-size: 12px; color: #000; margin:10px }
.aboutcon p  span{  font-size:18px; font-weight:bolder; margin:10px}
.aboutcon a { margin: 15px 0px; padding: 10px 30px; color: #fff; float: left; font-size: 13px; border-radius: 5px; text-decoration: none; background-color: #e95d3c; }
.abouttelte span { width: 570px; height: auto; line-height: 30px; float: left; font-size: 15px; color: #000; }
.xiangmu { width: 300px; height: 400px; float: left;   border:solid 1px #cecece; border-radius:5px; margin-top:10px; overflow:hidden }
.xiangmutetle { width: 100%; height: 40px; line-height:40px ;float: left; font-size: 18px; color: #fff;  background-color:#2e6eae; border:solid 1px #d6dde3}
.ContentBD { width: 100%;   line-height: 20px; color: #848383;  float:left }
    .ContentBD img { padding: 3px; float: left; margin-right: 17px; margin:10px }
    .ContentBD a { color: #666; font-size: 12px; font-family: 微软雅黑; line-height:20px;  }
    .ContentBD ul {  list-style:none }
    .ContentBD li { width: 100%; height: 120px; font-size: 12px;   color: #666; border-bottom: 1px dotted #999;}

        #ContentBD li a { color: #646464; float: left; width: 520px; line-height: 26px; line-height: 26px; font-size: 13px; margin-left: 15px; text-decoration: none; }
.linkbtn {  cursor:pointer;background-color:#2e6eae; float:left; width:  130px;  height:40px;line-height:40px;display:inline-block; margin-left:10px;  margin-top:10px;color:white; text-align:center  }
.newscon { width: 290px; height: 400px; float: left;  border:solid 1px #cecece; margin-top:10px ;overflow:hidden; border-radius:10px}
.news { width: 275px; height: auto; float: left; margin-top: 15px; overflow: hidden; margin-bottom: 10px; }
    .news ul { width: 275px; height: auto; float: left; text-align: left; }
    .news li { width: 275px; height: 30px; font-size: 12px; line-height: 30px; color: #666; float: left; text-align: left; border-bottom: dashed 1px #ccc; }

        .news li a { color: #646464; float: left; width: 175px; line-height: 30px; font-size: 13px; }
            .news li a:hover { color: #e95d3c; }
.f1 { width: 20px; height: 20px; float: left; font-size: 12px; line-height: 20px; color: #fff; text-align: center; margin: 5px 0px; margin-right: 5px; background-color: #ccc; }
.f2 { width: 20px; height: 20px; float: left; font-size: 12px; line-height: 20px; color: #fff; text-align: center; margin: 5px 0px; margin-right: 5px; background-color: #e95d3c; }


.Huxingbox { float: left; width: 100%; height: auto; min-height: 210px;  border:solid 1px #cecece;  border-top:0px }
.HuxingConn { margin: 0 auto; width: 1200px; height: 190px; overflow:hidden}
.Huxing {  display:inline-block  }
.hxxw { width: 170px; height: 180px; line-height: 20px; color: #848383; float: left; margin: 5px;background: url(/images/web/imgback.png) center;  }
    .hxxw img {   width:150px; height:130px;margin-top:10px}
    .hxxw a { font-size: 14px; margin-left:10px;margin-right:10px}
    .hxxw ul { width: 340px; height: auto; float: left; }
    .hxxw li { width: 340px; height: 26px; font-size: 12px; line-height: 26px; color: #666; }

        .hxxw li a { float: left; width: 100%; line-height: 26px; font-size: 13px; margin-left: 15px; text-decoration: none; }
.amoer { padding: 10px; color: #fff; float: right; margin-top: 10px; margin-right: 20px; font-size: 13px; border-radius: 5px; text-decoration: none; background-color: #e95d3c; }
 
 
            
#slider { width: 1200px; margin: 0 auto; position: relative;   }
.gengduo { width: 1200px; float: left; height: 30px; text-align: center; }
.scroll { height: auto; width: 100%; overflow: auto; overflow-x: hidden; position: relative; clear: left; }

.scrollContainer div.panel { padding: 10px 0px; height: auto; width: 1200px; }

.slider { width: 100%; height: auto; float: left; height: 40px; }
.slidercon { width:  100%;  height: auto; margin: 0 auto; height: 40px; }
.slidercon ul { list-style: none; margin: 0; padding: 0; }
    .slidercon ul li { width: 290px; float: left; margin-right: 10px; line-height: 40px; text-align: left;  border-bottom: 2px solid #2e6eae;  display:inline-block ; background-image:url('/Images/web/4325.png'); background-repeat:no-repeat;
                       background-color:#f8f8f8; border:solid 1px #d6dde3
    }

    .slidercon ul a {   float:left; height:36px;margin-top:8px; color: #fff; font-size: 14px; border-radius: 5px; text-decoration: none; font-weight:bold; margin-left:18px ; }
    .slidercon ul a.more {  float:right; height:36px;margin-top:12px; color: #999; font-size: 12px; margin-right:10px;cursor:pointer; font-weight:normal }

        .slidercon ul a:focus { outline: none; }  
.connkk { width: 290px; height: 260px; float: left; margin-right: 10px; margin-top: 0px; border:solid 1px #cecece ; border-top:0px; overflow:hidden}
    .connkk p { width: 245px; height: auto; line-height: 30px; float: left; font-size: 15px; color: #000; }
    .connkk img { width: 270px; height: auto;   margin: 10px; }
        
.imgtetle img { height: auto; width: 400px; float: left; border: 0px; margin-right: 70px; }
.scrollButtons { position: absolute; top: 150px; cursor: pointer; }
    .scrollButtons.left { left: -20px; }
    .scrollButtons.right { right: -20px; }
.hide { display: none; }



/*.Footerbox*/ .Footerbox { width: 100%; height: auto; float: left;  overflow: hidden;   }
.Footercon { width: 100%; height: auto; margin: 10px auto; overflow: hidden; color: #666666; line-height: 20px; text-align: center; font-family: 微软雅黑; font-size: 12px; position: relative; }
    .Footercon a { color: #666666; font-size: 12px; font-weight:bolder }

.jianjie { height:420px;  }
.gonggao { width:100%;height:20px; line-height:20px; color:#999; background-color:#f8f8f8; float:left; border-bottom:solid 1px #efefef;font-size:10px }


.top_gonggao   { float:left;display:inline-block}
.top_gonggao  li{ float:left ;margin-left:30px; background-image:url('/Images/redright.png'); background-repeat:no-repeat;line-height:20px;background-position:0px 5px;padding-left:10px }

.qklink {float:left ; margin-top:30px;border-bottom:solid 1px #cecece;padding-bottom:10px}
.qklink .head{ height:30px; line-height:30px;background-image:url('/Images/web/linback.jpg');  background-repeat:repeat-x;background-position:0px 15px ;width:100%}
    .qklink .head a {    background-color:white; padding:10px  ; margin-left:30px   }

.qklink .box{ height:auto; line-height:25px;overflow:hidden}
.qklink .box ul {  list-style:none ; position:relative; left:-5px; top:0px}
.qklink .box ul li{  float:left ;width:24%;text-align:center; border-left:dotted 1px #cecece}
    .qklink .box ul li a { font-size:12px}


.linkbtn_lm { cursor:pointer; float:left; width:  290px;  height:40px;line-height:40px;display:inline-block;  color:#222; text-align:left; border-bottom:dotted 1px #2e6eae; background-color:#fcfcfc }
    .linkbtn_lm img {  margin-top:5px; margin-right:20px; float:right   }
.News_List { width: 870px; height: auto; float: left;   margin-top:10px ; margin-left:20px } 
    .News_List li { width: 100%; height: 30px; font-size: 12px; line-height: 30px; color: #666; float: left; text-align: left; border-bottom: dashed 1px #ccc; }
        .News_List li .tit {  float:left;width:700px } 
        .News_List li .tid {  float:right;width:120px ;color:#c0c0c0}


.News_ImgList{ width: 870px; height: auto; float: left;   margin-top:10px ; margin-left:20px } 
    .News_ImgList li { width: 205px; height: 280px; margin-right:10px;  margin-top:10px;float:left; font-size: 12px; line-height: 30px; color: #666;  text-align: left; border: solid 1px #ccc; overflow:hidden ;border-radius:5px; }
        .News_ImgList li .tit {   width:190px;margin:10px; line-height:25px;text-align:center } 
        .News_ImgList li .hdimg {   width:100% ;color:#c0c0c0}
        .News_ImgList li .hdimg img{   width:185px; height:210px ; margin-left:10px;margin-top:10px;}


.News_Content{ width: 870px; height: auto; float: left;   margin-top:10px ; margin-left:20px;font-size:14px; line-height:25px; letter-spacing:3px;overflow: hidden } 
         .News_Content   .tit {   width:100%;margin:10px; line-height:25px;text-align:center } 
        .News_Content   .Content {   width:100% ;color:#333;}
        .News_Content  .hdimg img{    margin-left:10px;margin-top:10px;}




